<template>
	<div id="body">
		<div class="rot">
			<router-view></router-view>
		</div>
		
		<!-- 底部菜单 -->
		<van-tabbar v-model="active">
		  <van-tabbar-item icon="home-o"><router-link class="tab-item" to="/First">首页</router-link></van-tabbar-item>
		  <van-tabbar-item icon="assets/dibu.png" @click="Community()">社区</van-tabbar-item>
		  <van-tabbar-item icon="user-o"><router-link class="tab-item" to="/Mine">个人中心</router-link></van-tabbar-item>
		</van-tabbar>
	</div>
</template>

<script>
	import { Toast } from 'vant';
	export default{
		name:'Body',
		data() {
		    return {
		      active:0,
		    };
		},
		methods: {
			Community(){
				this.$router.push({path:'Community'})
			}
		},
	}
</script>

<style scoped>
	#body {
	  font-family: 'Avenir', Helvetica, Arial, sans-serif;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	  text-align: center;
	  color: #2c3e50;
	}
	body{
		font-family: helvetica,sans-serif;
	}
	a{
		text-decoration: none;
	}
</style>
